body {
    width: 100%;
    font-family: "微软雅黑", "华文细黑", "幼圆", serif;
}
/* 所有模块 */
div.wrapper, div.main-container, header, footer, nav {
    box-sizing:border-box;
    width: 1280px;
    margin: 0 auto;
}
/*背景*/
body {
    background:url(images/bg-page.png) repeat;
    background-color: #fff4f1;
}
div.main-container {background-color: #fff;}
/* 主体内容宽度 */
div.main-container {padding-bottom: 40px;}
div.main-container div.left, div.main-container div.right{ float: left; }
div.main-container div.left { width: 216px; }
div.main-container div.right { width: 1064px; }
div.main-container:after{display:block;clear:both;content:"";visibility:hidden;height:0}
div.main-container{zoom:1}

div.wrapper:after{display:block;clear:both;content:"";visibility:hidden;height:0}
div.wrapper{zoom:1}


/* 用户标题 */
div.user-bar.noscoll {
    position: absolute;
}
div.user-bar {
    position: fixed;
    height: 35px;
    z-index: 999;
    width: 100%;
    line-height: 35px;
    background: url("images/user-bar-bg.png") repeat-x;
}
div.user-bar ul.user-nav { 
    position:absolute;
    top: 33px;
    left: -19px;
    width: 110px;
    display:none;
    background-color: white;
    border: 1px solid #cbcbcb;
}
div.user-bar span.user:hover+ul.user-nav{
    /*display: block;*/
}
div.user-bar ul.user-nav li {
    display: block;
    float:none;
    font-size: 15px;
    padding-left: 20px;
    line-height: 26px;
}
div.user-bar ul.user-nav li:hover {
    background-color: #eeeeee;
}
div.user-bar ul.user-nav li a.help{color: #979797;}
div.user-bar div.left { float: left; }

div.user-bar:after{display:block;clear:both;content:"";visibility:hidden;height:0}
div.user-bar{zoom:1}

div.user-bar div.wrapper {
    padding: 0 0 0 17px;
}
div.user-bar div.left span.user{
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #7b0015;
}
div.user-bar div.left span.user i{margin: 0 12px 0 10px; color: #cbcbcb;}
div.user-bar  div.wrapper div.left a.user-account{
    display: inline-block;
    color: #c0c0c0;
    font-size: 14px;
}
div.user-bar div.left a {
    font-size: 14px;
}
div.user-bar div.left a i {
    margin-left: 10px;
    font-size: 1.2em;
    color: #d70043;
}
div.user-bar div.left a span.user-name {
    font-size: 15px;
    color: #7b0015;
    margin-left: 15px;
}
div.user-bar div.left a span.user-level {
    font-size: 14px;
    color: #d70043;
}
div.user-bar div.left a.exit:hover {
    color: gray;
}
div.user-bar div.left span.control-user-score a:hover {color: #c0c0c0;}
div.user-bar div.left a.control-user-log:hover {color: #c0c0c0;}
div.user-bar a:hover {color:#bcb5b5;}
div.user-bar div.right {
    float:right;
    font-size: 15px;
}
div.user-bar div.right a{
    display: inline-block;
    margin: 0 8px;
    font-size: 15px;
    color: #7b0015;
}
div.user-bar div.right a:hover {color: #c0c0c0;}
div.user-bar div.right a.collect i{color:#fcf302;}
div.user-bar div.right a.help {margin: 0 10px 0 0;}
div.user-bar div.right a.help i{color: #9c9c9c;}
div.user-bar div.right i{margin: 0 5px;}

/* 头部 */
header {
    height: 175px;
    padding: 65px 45px 65px 25px;
    position:relative;
    background: url("images/header-bg.png") no-repeat right top;
    background-color: #fff;
    background-size: 400px 198px;
}
header div.logo {
    width: 167px;
}
header div.logo a{
    display: block;
    width: 100%;
    height: 100%;
}
header div.logo a img{
    width: 100%;
    height: auto;
}
header div.logo, header div.city-box, header div.search-box {
    float: left;
}
header:after{display:block;clear:both;content:"";visibility:hidden;height:0}
header{zoom:1}
div.user-bar div.wrapper .left a, .right a,.city-box a,.search-label a{
    color:#df003c;
}
div.city-box{
    width:61px;
    height:50px;
    margin-top:15px;
    margin-left:23px;
    padding:10px 0 10px 9px;
    text-align: center;
    font-size: 15px;
    border:1px solid #cccccc;
    background-color:#f5f5f5;
}
div.city-box .choose{
    margin: 15px 0;
    width: 51px;
    font-size: 11px;
    color:#627bad;
}
div.city-box .city {margin: 5px 0;width:51px;}
div.city-box .city i {margin-left: 5px;color:#cccccc;}
div.city-box .city i:hover {color:#cccccc;}


/* 搜索框 */
div.search-box {
    width: 550px;
    height: 70px;
    margin-left: 20px;
}
div.search-box div.search-input {
    height: 36px;
    width: 545px;
    border: solid #df003c 2px;
    border-radius: 3px;
}
div.search-box div.search-input {
    margin:15px 10px 10px 10px;
}
div.search-box div.search-label {margin:5px 10px;}
div.search-box div.search-label a {padding:0 5px;}
div.search-box div.search-input div { float: left; }
div.search-box div.search-input:after{display:block;clear:both;content:"";visibility:hidden;height:0}
div.search-box div.search-input{zoom:1}
div.search-box div.search-input div.icon {
    padding: 2px;
    width: 32px;
    height: 32px;
}
div.search-box div.input input {
    width: 400px;
    height: 36px;
    border: none;
    font-size: 14px;
    line-height: 36px;
}
div.search-box div.search-input div.button { float: right; }
div.search-box div.search-label {font-size: 14px;}
div.search-box div.search-label a:hover{
    color: #bcb5b5;
}
div.search-box div.button input {
    width: 100px;
    font-size: 17px;
    line-height: 36px;
    color: white;
    background-color: #df003c;
    border: none;
    cursor: pointer;
}
div.search-box div.icon i.fa-search{
    margin: 5px;
    font-size: 23px;
    color: #fc9fb1;
}

/*左菜单栏*/
div.main-container div.left {float: left;}
div.main-container div.left div.slide{
    width: 216px;
    background:#f0f0f0;
}
div.main-container div.left div.slide a{
    display:block;
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    padding-left: 35px;
    padding-right: 5px;
    border-bottom:1px solid #cbcbcb;
    color:#820018;
}
div.main-container div.left div.slide a:hover {
    color:#cb0032;
    background-color: white;
}
div.main-container div.left div.slide a.menu-normal {
    color:#cb0032;
    background-color: #fff;
}
div.main-container div.left div.slide a.nav-all{
    display: none;
    background-color: #820018;
    color: #fff;
}
div.main-container div.left div.slide a.menu-normal i{
    margin: 16px 10px 0 10px;
}
div.main-container div.left div.slide a.menu-label i{
    margin-right:10px;
    margin-top:16px;
    float:right;
}

div.main-container div.left div.slide a.nav-all i {
    margin-top: 20px;
  margin-right: 9px;
}
div.main-container div.left div.slide a i{
    float: right;
}
div.main-container div.left div.qr-code-box{
    height: 150px;
    background: url(images/欢迎.png) no-repeat;
    background-size: 216px 100px;
}
div.main-container div.left div.qr-code-box img{
    width: 70px;
    height:70px;
    margin-top: 12px;
    margin-left: 12px;
    float:left;
}
div.main-container div.left div.qr-code-box p.weixin, p.concern{
    display:inline-block;
    font-size: 0.8em;
    color:#627bad;
    width:100px;
    margin:12px 5px 0px 10px;
    text-align: center;
}
div.main-container div.left div.qr-code-box p.weixin{
    margin:30px 5px 0px 10px;
}
div.main-container div.left div.qr-code-box img,
div.main-container div.left div.qr-code-box div{
    display: none;
}
/* 导航栏 */
nav {
    height: 50px;
    background-color: #c90036;
}
nav:after{display:block;clear:both;content:"";visibility:hidden;height:0}
nav{zoom:1}
nav a {
    display: block;
    float: left;
    height: 50px;
    width: 175px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color:white;
}
nav a:hover {
    color: #fdc8d6;
}
nav a:nth-child(even) { background-color: #df003c; }
nav a.nav-all { width: 216px; background-color: #820018; }
nav a.nav-all i {
    display:inline-block;
    float:right;
    margin-top:20px;
    margin-right: 20px;
}


/* 页脚*/
footer{
    width: 100%;
    height: 100px;
    padding:20px;
    text-align: center;
    color:gray;
    line-height: 20px;
    background:#dcdcdc; 
}
footer:after{display:block;clear:both;content:"";visibility:hidden;height:0}
footer{zoom:1}
footer ul.guide {
    width: 560px;
    margin:0 auto;
    text-align: center;
}
footer ul.guide:after{display:block;clear:both;content:"";visibility:hidden;height:0}
footer ul.guide{zoom:1}
footer ul li+li:before {
    content: " | ";
}
footer ul.guide li {
    display: block;
    margin-left:5px; 
    color: black;
    float: left;
}
footer ul.guide a{
    color:black;
    font-size: 19px;
}
footer ul.guide a:hover{
    color:#df023d;
}
footer p{
    font-size: 13px;
    text-align: center;
}


/* 以下为通用化的模块 */

/* 弹出框通用样式 */
div.alert-bg {
    position: fixed;
    display: none;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(127,122,121,0.5);
}
div.alert-bg.show {
    display: block;
}
div.alert-bg div.alert-box {
    margin: 35px auto;
    width:650px;
    height:345px;
    background-color: #ffffff;
    box-shadow: 4px 4px 3px gray;
}
#jiathis_webchat img{
    width: auto;
}
div.alert-bg div.alert-box div.alert-box-title {
    padding: 20px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
div.alert-bg div.alert-box div.alert-box-title a {
    float: right;
    color: black;
}

/* 页码 */
div.turn-page {
    margin-right: 20px;
    text-align: right;
}
div.turn-page a{
    display: inline-block;
    margin: 4px;
    padding: 10px;
    font-size: 0.8em;
    color:#cccccc;
    border: 1px solid #cccccc;
}
div.turn-page a:hover{
    color:#e0023b;
    border: 1px solid #e0023b;
}
/*客服咨询*/
div.QQ-insult {
    position: fixed;
    top: 240px;
    right: 0;
    padding: 15px 8px;
    width: 18px;
    background-color: #a4d2f3;
}
div.QQ-insult i {
    margin: 10px 0;
    color: #46a3fc;
}
div.QQ-insult a{
    color: #820018;
}
/*个人资料修改*/
div.enter-box {
    height: 1005px;
}
div.enter-bg {
    margin: 0 auto;
    width: 385px;
    border: 1px solid #cbcbcb;
}


/*滚动后头部导航效果*/
#container.scroll .user-bar{
    z-index: 4
}
#container.scroll header{
    background: #fff;
    position: fixed;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 0px;
    height: auto;
    left: 35.5px;
    height: auto;
    box-shadow: 0 3px 2px #ddd;
}
#container.scroll header .city-box{
    display: none;
}
#container.scroll header .logo{
    width: 83px;
    margin-left: 58px;
}
#container.scroll header  div.search-box{
  margin-left: 134px;
  margin-top: -14px;
}
#container.scroll header  div.search-box div.search-label{
    display: none;
}

#container.scroll .main-container{
    margin-top: 165px;
}

.sitelist.none{display: none;}
.sitelist{width:580px;height: 200px;position: absolute; z-index: 1000; top:151px;left:200px;font-size: 15px;border: 1px solid #cccccc;background-color: #f5f5f5;
animation:mymove 0.4s ;
-webkit-animation:mymove 0.4s ; /* Safari 和 Chrome */
}
@keyfram mymove{
    0% {opacity:0;}
   100% {opacity:1;}
}
@-moz-keyframes mymove /* Firefox */
{0% {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes mymove /* Firefox */
{0% {opacity:0;}
    100% {opacity:1;}
}
@-o-keyframes mymove /* Firefox */
{0% {opacity:0;}
    100% {opacity:1;}
}
.sitelist .line{width:72px;height:1px;position: absolute; z-index: 1001; top:-1px;left:49px;background-color: #f5f5f5;}
.sitelist ul{width:570px;padding:10px 5px;height: 180px;}
.sitelist ul li{
    width:80px;
    padding:5px 0px 5px 0;
    text-align: center;
    display: inline-block;
    color:#f00;
}
.city-box .translate{transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	 }

/***********/




